
<template>
  <el-container>
    <Aside :father="fatherbl"  style="width: null"></Aside>
  <el-container class="a">
    <Header :father2="fatherbl2" :vip="vipvalue" ></Header>
    <el-main>
      <el-scrollbar>
        <RouterView></RouterView>
      </el-scrollbar>
    </el-main>
  </el-container>
</el-container>

</template>

<script>
import Aside from "./aside";
import Header from "./header";
export default {
  name: "main",
  data(){
    return{
      fatherbl:false,
      fatherbl2:false,
      vipvalue:true
    }
  },
  components:{
    Header,
    Aside
  },
  methods:{
   
  }
}
</script>

<style  scoped>
.el-main{
  margin: 0;
  padding: 0;
}
.a{
   flex-direction: column;
   height: 100vh;
}
.el-main{
  background-color: #f4f4f5;
}
</style>
